{% extends 'base_ol/base.html' %}
{% load static %}

{% block base_title %}主页{% endblock %}

{% block base_link %}
<link href="{% static 'imgcssjs/index.css' %}" rel="stylesheet" type="text/css">
<script src="{% static 'imgcssjs/index.js' %}"></script>
{% endblock %}

{% block base_body %}
<div class="w mt">
  <div class="banner oz">
    <div class="fl bf_bd slider pr">
      <div class="bd oz">
        <div class="tempWrap" style="overflow:hidden; position:relative; width:732px">
          <div class="tempWrap" style="overflow:hidden; position:relative; width:732px">
            <div class="tempWrap" style="overflow:hidden; position:relative; width:732px">
              <ul id="sliderul">
                <li style="width: 732px;" class="clone"> <a href="{% url 'game3' %}"> <img src="{% static 'imgcssjs/nav_pc(1).jpg' %}" alt="" id="dcimg0" style="width:730px;height:315px;">
                  <div class="pa">
                    <br>
                    <p class="cf"></p>
                  </div>
                  </a> </li>

              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="right bf_bd">

    <!--未登录start-->
    <div class="right bf_bd">
      <div class="delukuang">
        <style>
          .delu_info_qu label{
            position: absolute;
            font-size: 14px;
            color: #000;
          }
        </style>
        <div class="delu_info_qu" id="loginForm" style="display: block; ">
          <div class="box1 ">
            <label style="position: absolute;top: 45px;left: 4px;color: #000;">帐号</label>
            <p class="ha_sr icon_in_zh">
              <input name="username" type="text" class="nor" x-webkit-speech="" placeholder="请输入您的帐号" value="">
            </p>
            <label style="position: absolute;top: 120px;left: 4px;">密码</label>
            <p class="ha_sr icon_in_mm">
              <input name="password" type="password" class="nor" placeholder="请输入您的密码">
            </p>
          </div>
          <div class="box2 hide">
            <label style="top: 6px;left: 5px;">帐号</label>
            <p class="ha_sr icon_in_zh">
              <input name="username" type="text" class="nor" x-webkit-speech="" placeholder="帐号" value="" id="n1">
            </p>
            <label style="top: 63px;left: -21px;">真实姓名</label>
            <p class="ha_sr icon_in_xm" style="background: url({% static 'imgcssjs/one3.png' %}) 5px no-repeat;">
              <input type="text" placeholder="真实姓名" id="r_name"/>
            </p>
            <label style="top: 119px;left: -22px;">身份证号</label>
            <p class="ha_sr icon_in_sfz" style="background: url({% static 'imgcssjs/one4.png' %}) 5px no-repeat;">
              <input type="text" placeholder="身份证号" id="r_sfz"/>
            </p>
            <label style="top: 179px;left: 5px;">密码</label>
            <p class="ha_sr icon_in_mm">
              <input name="password" type="password" class="nor" placeholder="请输入您的密码" id="n2">
            </p>
            <label style="top: 234px;left: -22px;">确认密码</label>
            <p class="ha_sr icon_in_mm">
              <input name="password" type="password" class="nor" placeholder="确认您的密码" id="n3">
            </p>

            <div class="xieyi" style="position: absolute;top: 280px;left: -25px;"><input type="checkbox"/><a href="{% url 'xieyi' %}" style="color:#5a9df7;">我已阅读用户协议</a></div>
            <p class="ha_btns" style="text-align: center">
              <a href="#" rel="nofollow" style=" background:url({% static 'imgcssjs/zc.png' %})no-repeat; position: relative;    top: 57px;    left: 40px;"  title="免费注册" id="zc2" class="btn_reg">免费注册</a>
              <a href="javascript:;" style="color: #000;    position: relative;    background: transparent;    font-size: 14px;    line-height: 31px;    left: 60px;" title="登录" id="dl2">已有账户？点击<o style="color:#5a9df7">登录</o></a>
            </p>
          </div>
          <p class="ha_btns"> <a href="javascript:;" style="background: url({% static 'imgcssjs/dl.png' %}) no-repeat;    position: relative;top: 20px; left: 50px;" title="登录" id="dl1" class="btn_denglu">登录</a>
            <a href="#" rel="nofollow" title="免费注册" style="color: #000;
    position: relative;
    background: transparent;
    line-height: 31px;
    font-size: 14px;
    width: 195px;
    left: 195px;
    top: 35px;" id="zc1" class="btn_reg">没有账户？免费<o style="color:#5a9df7">注册</o></a>
          </p><br>
          <p>* 如果您的帐号出现登录不了的情况，请联系我们的客服！</p>
        </div>
      </div>
    </div>
    <!--未登录End-->

    </div>
  </div>
  <div class="main oz mt">
    <div class="left">
      <div class="bf_bd h644">
        <div class="tit"><span class="fl bgGif s_1"></span>
          <h3 class="f20 c3">热门游戏推荐</h3>
        </div>


        <div class="main_tj oz">
          <div class="dil" style="width:350px;height:150px;"> <img class="dil-img2" src="{% static 'imgcssjs/g3.jpg' %}" style="width: 350px;"></div>
          <div class="dir"> 《凯乐鲨鱼风暴》是一款以海洋生物为题材的Q萌消除手游，游戏中玩家通过消除小鱼来攻击邪恶的鲨鱼BOSS。游戏有丰富的关卡和实惠的道具，让你能在闲暇之余享受消除的乐趣。</div>
        </div>

      </div>

    </div>
    <div class="right">
      <div class="bf_bd h644">
        <div class="tit"><span class="fl bgGif s_2"></span>
          <h3 class="f20 c3">热门游戏下载</h3>
        </div>

        <ul class="tj_list">
            <li> <a class="fl" href="{% url 'game3' %}" title="鲨鱼风暴"> <img alt="鲨鱼风暴" src="{% static 'imgcssjs/logo_rubicon3.png' %}" style="width:90px;height:90px"></a>
            <div class="cont_right" style="margin-left:10px;width:134px;">
              <h3 class="n f14 c3"> <a>凯乐鲨鱼风暴</a> </h3>
              <p class="c9"> ARPG<span>6.22M</span> </p>
              <div>
                <div class="border fl"> <a href="{% static 'doc/syfb.apk' %}"><span class="fl bgPng"></span>游戏下载</a> </div>
              </div>
            </div>
          </li>

        </ul>
      </div>
    </div>
  </div>
</div>
{%endblock%}